<template>
  <div id="app">
    <HeaderTitle></HeaderTitle>
    <home-view></home-view>
    <GlobalFoot></GlobalFoot>
  </div>
</template>

<script>
import HeaderTitle from "@/components/HeaderTitle";

import HomeView from "./views/HomeView.vue";

import GlobalFoot from "@/components/GlobalFooter";

export default {
  components: {
    HeaderTitle: HeaderTitle,
    HomeView: HomeView,
    GlobalFoot: GlobalFoot
  }
};
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: var(--font-inter), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
}

html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
}

* {
  scrollbar-color: auto;
  scrollbar-width: auto;
}
*,
::after,
::before {
  box-sizing: border-box;
  border: 0 solid #e6e6e6;
}
a {
  text-decoration: none;
}
.lala:focus {
  background-color: red;
}
</style>
